<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="layout_3.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:rich="http://richfaces.org/rich">
    <h:outputStylesheet name="style">
        .ecol1 {
        vertical-align: top;
        padding-right: 25px
        }
 
        .ecol2 {
        vertical-align: top;
        border-left: #ACBECE 1px solid;
        padding-left: 10px
        }
 
        .rich-calendar-tool-btn {
        font-family: Arial, Verdana;
        }
    </h:outputStylesheet>



    <ui:define name="content">
        <f:view>
        <h:form id="form">
              <rich:panel header="Dodawanie użytkownika">
                  <h:panelGrid columns="3">
                      <h:outputText style="color:grey;" value="Dane użytkownika"/><h:outputText value=""/><h:outputText value=""/>
                      <h:outputText value="Login:"/>
                      <h:inputText disabled="true" value="#{dodajUzytkownika.login}" id="login" style="width:200px;" validatorMessage="Login nie może być pusty">
                         <f:validateLength minimum="0" />
                         <f:validateRequired />
                         <rich:validator />
                      </h:inputText>
                      <rich:message for="login" style="color:red"/>
                      <h:outputText value="Imię:"/>
                      <h:inputText value="#{dodajUzytkownika.imie}" id="name" style="width:200px;" validatorMessage="Imię nie może być puste">
                         <f:validateLength minimum="0" />
                         <f:validateRequired />
                         <rich:validator />
                      </h:inputText>
                      <rich:message for="name" style="color:red"/>
                      <h:outputText value="Nazwisko:"/>
                      <h:inputText value="#{dodajUzytkownika.nazwisko}" id="surname" style="width:200px;" validatorMessage="Nazwisko nie może być puste">
                         <f:validateLength minimum="0" />
                         <f:validateRequired />
                         <rich:validator />
                      </h:inputText>
                      <rich:message for="surname" style="color:red"/>
                      <h:outputText value="Dokument tożsamości:"/>
                      <h:selectOneMenu id="document" value="#{dodajUzytkownika.dokument}" style="width:200px;">
                        <f:selectItem itemValue="0" itemLabel="dowód osobisty" />
                        <f:selectItem itemValue="1" itemLabel="legitymacja" />
                        <f:selectItem itemValue="2" itemLabel="paszport" />
                      </h:selectOneMenu>
                      <rich:message for="document" style="color:red"/>
                      <h:outputText value="Nr dokumentu:"/>
                      <h:inputText value="#{dodajUzytkownika.seria}" id="document_no" style="width:200px;" validatorMessage="Nr dokumenty nie może być pusty">
                         <f:validateLength minimum="0" />
                         <f:validateRequired />
                         <rich:validator />
                      </h:inputText>
                      <rich:message for="document_no" style="color:red"/>
                      <h:outputText value="Data urodzenia:"/>
                      <rich:calendar value="#{dodajUzytkownika.data_ur}" id="calendar" locale="en/US" popup="true" datePattern="yyyy-MM-dd" showApplyButton="false" style="width:200px">
                      </rich:calendar>
                      <rich:message for="calendar" style="color:red"/>
                      <h:outputText value="Miejsce urodzenia:"/>
                      <h:inputText value="#{dodajUzytkownika.miejsce_ur}" id="birth_place" style="width:200px;" validatorMessage="Miejsce urodzenia nie może być puste">
                         <f:validateLength minimum="0" />
                         <f:validateRequired />
                         <rich:validator />
                      </h:inputText>
                      <rich:message for="birth_place" style="color:red"/>                   
                      <h:outputText style="color:grey;" value="Dane adresowe"/><h:outputText value=""/><h:outputText value=""/>
                      <h:outputText value="Ulica i nr domu/mieszkania:"/>
                      <h:inputText value="#{dodajUzytkownika.adres}" id="address" style="width:200px;" validatorMessage="Adres nie może być pusty">
                         <f:validateLength minimum="0" />
                         <f:validateRequired />
                         <rich:validator />
                      </h:inputText>
                      <rich:message for="address" style="color:red"/>
                      <h:outputText value="Kod pocztowy:"/>
                      <h:inputText value="#{dodajUzytkownika.kod}" id="postal" style="width:200px;" validatorMessage="Niepoprawny kod pocztowy, format: XX-XXX">
                         <f:validateRegex
                        pattern="[0-9]{2}( |-)?[0-9]{3}"></f:validateRegex>
                        <rich:validator />
                      </h:inputText>
                      <rich:message for="postal" style="color:red"/>
                      <h:outputText value="Miasto:"/>
                      <h:inputText value="#{dodajUzytkownika.miasto}" id="city" style="width:200px;" validatorMessage="Adres nie może być pusty">
                         <f:validateLength minimum="0" />
                         <f:validateRequired />
                         <rich:validator />
                      </h:inputText>
                      <rich:message for="city" style="color:red"/>
                      <h:outputText style="color:grey;" value="Dane kontaktowe"/><h:outputText value=""/><h:outputText value=""/>
                      <h:outputText value="Adres e-mail:"/>
                      <h:inputText value="#{dodajUzytkownika.mail}" id="mail" style="width:200px;" validatorMessage="Niepoprawny adres e-mail">
                        <f:validateRegex
                        pattern="^(([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+([;.](([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+)*$"></f:validateRegex>
                        <rich:validator />
                      </h:inputText>
                      <rich:message for="mail" style="color:red"/>
                      <h:outputText value="Telefon:"/>
                      <h:inputText value="#{dodajUzytkownika.telefon}" id="phone" style="width:200px;" validatorMessage="Niepoprawny numer telefonu, format: +YYXXXXXXXXX">
                         <f:validateRegex pattern="\+\d{11}">
                         </f:validateRegex>
                         <rich:validator />
                          <f:validateLength minimum="0" />
                         <f:validateRequired />
                         <rich:validator />
                      </h:inputText>
                      <rich:message for="phone" style="color:red"/>
                      <h:outputText value="Rejestracja opłacona ?"/>
                      <h:selectBooleanCheckbox value="#{dodajUzytkownika.rejestracja}"/>
                      <f:facet name="footer">
                          <h:commandButton value="Aktualizuj" style="width:100px;" action="#{dodajUzytkownika.aktualizuj}"/>
                          <h:commandButton value="Wyczyść" type="reset" style="width:100px;"/>
                      </f:facet>
                  </h:panelGrid>
              </rich:panel>
        </h:form>
        </f:view>             
    </ui:define>
</ui:composition>
